<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
<title>微官网</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
</head>
<body>
<!--header-->
<header id="header" class="box">
	<h1>微官网</h1>
    <h2><a href="#" class="back"><i class="fa fa-arrow-left"></i></a><a href="#" class="config"><i class="fa fa-cog"></i></a></h2>
    <nav class="cog_nav"><a href="#"><i class="fa fa-globe"></i>常规信息</a><a href="#"><i class="fa fa-user"></i>管理员</a></nav>
</header>
<!--header end-->
<!--section-->
<section id="section">
	<!--navWeb-->
    	<nav id="navWeb">
        	<ul class="nav_list1 clearfix">
            	<li><a href="#"><i class="fa fa-volume-up"></i><br>新闻动态</a></li>	
                <li><a href="#"><i class="fa fa-list"></i><br>产品中心</a></li>	
                <li><a href="#"><i class="fa fa-users"></i><br>人才招聘</a></li>	
                <li><a href="#"><i class="fa fa-glass"></i><br>成功案例</a></li>	
                <li><a href="#"><i class="fa fa-film"></i><br>微幻灯片</a></li>	
                <li><a href="#"><i class="fa fa-file"></i><br>微单页面</a></li>	
            </ul>
        </nav>
    <!--navWeb end-->	
</section>
<!--section end-->
<!--footer-->
<footer id="footer">
	<ul id="footerNav">
    	<li class="curs menu"><a href="javascript:;"><i class="fa fa-th-large"></i><br>菜单</a></li>
        <li><a href="微信.html"><i class="fa fa-comments"></i><br>微信</a></li>
        <li><a href="微官网.html"><i class="fa fa-home"></i><br>官网</a></li>
    </ul>
    <nav class="menu_nav box"><a href="#"><i class="fa fa-envelope"></i><br>发消息</a><a href="#"><i class="fa fa-picture-o"></i><br>传照片</a><a href="#"><i class="fa fa-volume-up"></i><br>发新闻</a><a href="#"><i class="fa fa-list"></i><br>发产品</a>
    </nav>
</footer>
<!--footer end-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
var pops = [];
function click_show(clk,obj){
	pops.push($(obj));
	$(clk).click(function(e){
		$(obj).stop().fadeToggle('200');
		e.stopPropagation();
	});
}
$(function(){
	$(document).bind('click',function(e){
		$(pops).each(function(){
			$(this).fadeOut();
		});
	});
	click_show('.config','.cog_nav');	
	click_show('.menu','.menu_nav');
});
</script>
</body>
</html>
